<template lang="html">
  <div class="problem">
    <span>
      <i class="right-spot">·</i>
      {{ problem }}
    </span>
    <i class="right-arror">></i>
  </div>
</template>

<script>
export default {
  name:'ProblemList',
  props:{
    problem:{
      type:String,
      default:''
    }
  }
}
</script>

<style lang="less" scoped>
.problem{
  height: 0.76rem;
  line-height: 0.76rem;
  .right-spot{
    color: #333;
    font-weight: bold;
  }
  .right-arror{
      float: right;
    }
}
</style>
